html{
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
    font-size:100px;
    position:relative
}
@media only screen and (max-device-width:360px) and (-webkit-max-device-pixel-ratio:2.5){
    html{
        font-size:88.89px
    }
}
body{
    line-height:1.6;
    font-family:"Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;
    font-size:16px;
    background-color:#fff;
    -webkit-touch-callout:none
}
html,body{
    -webkit-text-size-adjust:100%;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    overflow-x:hidden
}
body,h1,h2,h3,h4,h5,p,ul,ol,dl,dd,fieldset,textarea{
    margin:0
}
h1,h2,h3,h4,h5,h6{
    font-weight:400;
    font-style:normal;
    font-size:100%
}
fieldset,legend,textarea,input,button{
    padding:0
}
button,input,select,textarea{
    font-family:inherit;
    font-size:100%;
    margin:0;
    *font-family:"Helvetica Neue",Helvetica,Arial,sans-serif
}
ul,ol{
    padding-left:0;
    list-style-type:none;
    list-style-position:inside!important
}
a img,fieldset{
    border:0
}
a{
    text-decoration:none
}
a{
    color:#607fa6
}
figure{
    margin:0
}
.clearfix{
    *zoom:1
}
.clearfix:after{
    display:table;
    content:'';
    clear:both
}
.comment_input_div_wrapper{
    position:fixed;
    left:0;
    bottom:0;
    width:100%;
    z-index:999
}
.ios .comment_input_div_wrapper{
    position:absolute
}
.comment_input_div{
    padding:.08rem .08rem;
    box-sizing:border-box;
    background-color:#fff;
    min-height:.44rem;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    -webkit-box-align:center
}
.comment_input_div:before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    border-top:1px solid #e4e4e4;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
    .comment_input_div:before{
        -webkit-transform:scaleY(0.5);
        transform:scaleY(0.5);
        -webkit-transform-origin:0 0;
        transform-origin:0 0
    }
}
@media(-webkit-min-device-pixel-ratio:3),(min-resolution:288dpi){
    .comment_input_div:before{
        -webkit-transform:scaleY(0.33);
        transform:scaleY(0.33);
        -webkit-transform-origin:0 0;
        transform-origin:0 0
    }
}
.comment_input_div .comment_input_class{
    -webkit-appearance:none;
    border:0;
    padding-left:.3rem;
    height:.3rem;
    box-sizing:border-box;
    border-radius:.03rem;
    width:100%;
    font-size:.14rem;
    overflow:hidden;
    background-color:#fff;
    opacity:1
}
#comment_input_wrapper{
    -webkit-box-flex:1;
    -moz-box-flex:1;
    -webkit-flex:1;
    -ms-flex:1;
    flex:1
}
::-webkit-input-placeholder{
    -webkit-font-smoothing:antialiased;
    color:#777;
    word-spacing:.04rem;
    position:relative;
    top:-1px
}
.comment_input_div .space{
    width:.08rem
}
#comment_textarea_container{
    display:none;
    -webkit-box-flex:1;
    -moz-box-flex:1;
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
    padding:.1rem .15rem;
    background-color:#ecedf1
}
#comment_textarea{
    height:.54rem;
    display:block;
    width:100%;
    resize:none;
    border-radius:.05rem;
    box-sizing:border-box;
    margin-bottom:.05rem;
    padding:.075rem .125rem;
    line-height:1.25;
    border-color:#fff;
    -webkit-appearance:none
}
#cb_anony{
    position:absolute;
    clip:rect(0,0,0,0);
    *left:-999px
}
.check_box{
    width:.22rem;
    height:.22rem;
    display:inline-block;
    border:1px solid #c3c4c9;
    border-radius:50%;
    vertical-align:middle;
    background-color:#fff;
    margin-right:.075rem;
    margin-bottom:.04rem
}
.lb_anony{
    display:inline-block;
    vertical-align:middle;
    font-size:16px;
    color:#9d9d9d
}
.check_box:after{
    content:'';
    display:block;
    width:100%;
    height:100%;
    background:url(data:image/svg+xml;
    base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIwMCIgaGVpZ2h0PSIyMDAiIHZpZXdCb3g9IjAgMCAyMDAgMjAwIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xNDcuNTY3LDY3LjU3NWMtMy45NzgtMy4yNDEtNC4zNTYtMy4zMzctOC45LTUuNjM5Yy0yLjA0NC0xLjA0NC01LjA1NywxLjY0NS02LjUzLDMuNjM1TDkyLDExNy43MjgNCglMNjUuODUxLDgzLjk3M2MtMS40NzktMS45ODgtNC4yMDYtMi43Mi02LjI1MS0xLjc4MmMtNC42NTgsMi40MDctNC4xODksMi4zMjYtOC4xNjgsNS40NjZjLTEuODE3LDEuNDY2LTEuOTMyLDQuMDgyLTAuNDU2LDYuMDY1DQoJYzAsMCwyOC4xODMsMzYuNDk5LDMxLjU5Miw0MC44OTZjNC45OTksNi4yNzUsMTQuMDksNS45NjUsMTguODY0LDBjMy41Mi00LjQ5OCw0Ni41OS02MS4wNzgsNDYuNTktNjEuMDc4DQoJQzE0OS40OTksNzEuNTQ5LDE0OS4zODUsNjguOTM3LDE0Ny41NjcsNjcuNTc1eiIvPg0KPC9zdmc+DQo=) no-repeat center;
    background-size:.22rem .22rem;
    visibility:hidden
}
:checked+.check_box{
    color:#1eaef7;
    background-color:#1eaef7
}
:checked+.check_box:after{
    visibility:visible;
    -webkit-animation:bounceIn .2s;
    animation:bounceIn .2s
}
.comment_input_div .comment_wrap{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    -webkit-box-align:center
}
.comment_input_div .comment_wrap .comment_count_container{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    margin-right:.16rem
}
.comment_input_div .comment_wrap .comment{
    background:url(images/comment.png) no-repeat;
    width:.24rem;
    height:.24rem;
    background-position:center center;
    background-size:.24rem .24rem;
    margin-right:.02rem
}
.comment_input_div .comment_wrap .comment_count{
    color:#777;
    font-size:.12rem;
    line-height:.24rem
}
.comment_input_div .comment_wrap .like_count_container{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    -webkit-box-align:center;
    margin-right:.16rem
}
.comment_input_div .comment_wrap .like{
    background:url(images/like.png) no-repeat;
    width:.24rem;
    height:.24rem;
    background-position:center center;
    background-size:.24rem .24rem;
    margin-right:.02rem
}
.comment_input_div .comment_wrap .like_active{
    background-image:url(images/like_active.png)
}
.comment_input_div .comment_wrap .like_count{
    color:#777;
    font-size:.12rem;
    line-height:.24rem
}
.comment_input_div .comment_wrap .like_active+.like_count{
    color:#12b7f5
}
.comment_input_div .comment_wrap .pin_count_container{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    -webkit-box-align:center;
    margin-right:.16rem
}
.comment_input_div .comment_wrap .pin{
    background:url(images/pin.png) no-repeat;
    width:.24rem;
    height:.24rem;
    background-position:center center;
    background-size:.24rem .24rem;
    margin-right:.02rem
}
.comment_input_div .comment_wrap .pin_active{
    background-image:url(images/pin.png)
}
.comment_input_div .comment_wrap .pin_count{
    color:#777;
    font-size:.12rem;
    line-height:.24rem
}
.comment_input_div .comment_wrap .pin_active+.pin_count{
    color:#12b7f5
}
.comment_input_div .comment_wrap .comment_count,.comment_input_div .comment_wrap .like_count{
    font-family:"SFUIText-Light",".SFUIDisplay-Light"
}
.share_container{
    width:.24rem;
    height:.24rem;
    background:url("images/share_comment.png");
    background-size:.24rem .24rem;
    background-position:center center
}
.comment_submit_container{
    overflow:hidden
}
#comment_submit{
    background-color:#12b7f5;
    height:.3rem;
    line-height:.3rem;
    color:#fff;
    width:.558rem;
    text-align:center;
    border-radius:.02rem;
    font-size:.14rem;
    float:right
}
#comment_submit.disabled{
    background-color:#dfe0e4;
    color:#9d9d9d
}
.ios.scrolldown .comment_input_div_wrapper{
    display:none!important
}
.ios.scrolldown .ui-refresh-page{
    bottom:0
}
.ios.cannotcomment .ui-refresh-page{
    bottom:0
}
.ios.beforeinfoget .ui-refresh-page{
    bottom:0
}
.mask{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#000;
    opacity:.3;
    z-index:99;
    display:none
}
.focus .mask{
    display:block
}
.comment_input_div_wrapper .icon_write{
    display:inline-block;
    position:absolute;
    background:url(images/icon_write.png) no-repeat;
    width:.24rem;
    height:.24rem;
    background-position:center center;
    background-size:.24rem .24rem;
    left:.1rem;
    top:.1rem
}
.comment_input_div .comment_wrap.biu{
    margin-right:.81rem
}
.comments-recommended>h3.title,.comment-feeds>h3.title{
    font-size:.16rem;
    line-height:1;
    font-size:.16rem;
    font-style:normal;
    line-height:1;
    color:#000;
    margin-bottom:.18rem
}
.comments-recommended>h3.title{
    margin-bottom:.06rem
}
.comment-feeds li{
    margin-bottom:.24rem
}
ul.comment-list{
    margin-top:.2rem
}
article.article-comment{
    position:relative;
    padding-left:.42rem
}
.article-comment aside{
    width:.3rem;
    height:.3rem;
    border:1px solid transparent;
    border-radius:50%;
    overflow:hidden;
    position:absolute;
    left:0;
    display:inline-block
}
.article-comment aside>img{
    width:100%
}
.article-comment header{
    line-height:.3rem;
    height:.3rem;
    margin-bottom:.075rem
}
.article-comment header h4{
    display:inline-block;
    font-size:.14rem;
    color:#777
}
.article-comment header h4>.replyer,.article-comment header h4>.target_replyer{
    font-size:.14rem;
    color:#2d68af;
    display:inline-block;
    max-width:1rem;
    white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    overflow:hidden
}
.article-comment header h4>.reply_text{
    font-size:.14rem;
    color:#000;
    display:inline-block;
    max-width:1rem;
    white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    overflow:hidden
}
.iliked{
    float:right;
    display:flex;
    color:#a6a6a6
}
.article-comment header span{
    font-size:.14rem
}
.article-comment header .iliked i{
    background:url("images/like_list.png") no-repeat;
    width:18px;
    height:18px;
    background-size:contain;
    margin-right:.03rem;
    -webkit-align-self:center;
    align-self:center;
    display:inline-block;
    vertical-align:text-bottom
}
.article-comment.beliked header .iliked{
    color:#12b7f5
}
.article-comment.beliked header .iliked i{
    background:url("images/like_list_active.png") no-repeat;
    width:18px;
    height:18px;
    background-size:18px 18px;
    margin-right:.03rem;
    -webkit-align-self:center;
    align-self:center
}
.article-comment p{
    font-size:.16rem;
    line-height:1.5;
    color:#000;
    word-wrap:break-word;
    word-break:break-all
}
.comment-feeds.empty .no_comment{
    display:block
}
.article-comment footer{
    font-size:.12rem;
    line-height:1;
    color:#777;
    margin-top:.12rem
}
.article-comment footer span{
    margin-right:.12rem;
    height:.12rem;
    color:#999;
    font-family:'.SFUIDisplay'
}
.comments-status{
    width:100%;
    margin:.3rem auto;
    text-align:center
}
.comments-status p{
    display:none;
    color:#777;
    font-size:.12rem
}
.loading{
    background:url("images/loading_b.png") no-repeat center center;
    background-size:17px 17px;
    height:17px;
    width:17px;
    margin:.1rem auto 0;
    -webkit-animation:spin 800ms linear infinite;
    animation:spin 800ms linear infinite
}
@keyframes spin{
    from{
        transform:rotate(0deg)
    }
    to{
        transform:rotate(360deg)
    }
}
.article-comment header .sofa_icon{
    background:url("images/sofa_icon.png") no-repeat center center;
    background-size:contain;
    height:.19rem;
    width:.34rem;
    display:inline-block;
    margin-left:0;
    position:relative;
    top:.05rem;
    vertical-align:top
}
.article-comment header .anonymous_icon{
    background:url(images/anonymous_icon.png) no-repeat center center;
    background-size:contain;
    height:.19rem;
    width:.34rem;
    display:inline-block;
    margin-left:.08rem;
    position:relative;
    top:.05rem;
    vertical-align:top
}
.article-comment header .author_selection_icon{
    background:url(images/owner_up_icon.png) no-repeat center center;
    background-size:contain;
    height:.19rem;
    width:.6rem;
    display:inline-block;
    margin-left:.08rem;
    position:relative;
    top:.05rem;
    vertical-align:top
}
.sub_comment_area{
    border-left:.02rem #efefef solid;
    margin-top:.085rem;
    margin-bottom:.085rem;
    padding-left:.08rem;
    font-size:.14rem
}
.sub_comment_area p{
    padding-bottom:.05rem
}
.sub_comment_area .check_all_p{
    padding-bottom:0
}
.sub_comment_area .check_all_p.hide{
    display:none
}
.sub_comment_area p span{
    font-size:.14rem
}
.sub_comment_area .owner_replyer{
    color:#ff8444
}
.sub_comment_area .sub_replyer,.sub_comment_area .target_replyer{
    color:#2d68af
}
.sub_comment_area .check_all_sub{
    color:#2d68af;
    font-style:normal;
    vertical-align:bottom
}
.sub_comment_area .check_all_sub em{
    color:#2d68af;
    font-style:normal
}
.sub_comment_area .arrow_right{
    margin-left:.03rem;
    display:inline-block;
    height:.12rem;
    vertical-align:middle;
    width:.07rem;
    background:url(images/comment_arrow.png) no-repeat center;
    background-size:contain
}
.article-comment header .is_anonymous{
    margin-left:.08rem;
    display:inline-block;
    font-size:.12rem;
    color:#bbb;
    background-color:#f3f3f3;
    padding:0 .06rem;
    border:1px solid #f3f3f3;
    border-radius:4px;
    line-height:1.3
}
.sub_comments_total_for_article em{
    font-style:normal
}
.ui_tips_x{
    text-align:center;
    position:absolute;
    z-index:99
}
.guide_tips .ui_tips_before{
    background:rgba(0,0,0,0.8)
}
.ui_tips_x .ui_tips_before{
    display:block
}
.ui_tips_before{
    top:-42px;
    max-width:3rem;
    padding:.13rem;
    line-height:.16rem;
    border-radius:3px;
    background-color:#373c42;
    color:#fff;
    font-size:.16rem;
    font-style:normal;
    text-align:left;
    letter-spacing:1.5px
}
.guide_tips .ui_tips_after{
    border-top-color:rgba(0,0,0,0.8)
}
.ui_tips_x .ui_tips_after{
    display:block;
    margin:auto;
    position:relative;
    top:0
}
.ui_tips_after{
    width:0;
    height:0;
    overflow:hidden;
    border:.07rem solid transparent;
    border-top-color:#373c42;
    top:-12px
}
.guide_tips{
    position:fixed;
    bottom:46px;
    z-index:2147483647
}
.like_ui_tips_x{
    text-align:center;
    position:absolute;
    z-index:99
}
.like_area .ui_tips_before{
    background:rgba(255,255,255,1)
}
.like_ui_tips_x .like_ui_tips_before{
    display:block
}
.like_ui_tips_before{
    top:-42px;
    max-width:2.5rem;
    padding:.05rem .09rem .1rem;
    line-height:.16rem;
    border-radius:3px;
    background-color:#fff;
    color:#bbb;
    font-size:.16rem;
    font-style:normal;
    text-align:left;
    height:.47rem;
    border-radius:50px;
    box-shadow:0 2px 10px rgba(0,0,0,.18)
}
.like_area .like_ui_tips_after{
    border-top-color:rgba(255,255,255,1)
}
.like_ui_tips_x .like_ui_tips_after{
    display:block;
    margin:auto;
    position:relative;
    top:0;
    left:0
}
.like_ui_tips_after{
    width:0;
    height:0;
    overflow:hidden;
    border:.07rem solid transparent;
    border-top-color:#373c42;
    top:-12px
}
.like_area{
    position:fixed;
    left:.7rem;
    bottom:40px;
    z-index:2147483647
}
.like_item{
    display:inline-block;
    margin:0 .07rem;
    text-align:center
}
.like_item_img{
    display:block;
    width:.35rem;
    height:.35rem;
    background-size:.35rem .35rem
}
.like_item_num{
    display:block;
    color:#bbb;
    font-size:.11rem
}
.like_item .liked{
    color:#f25d5d
}
.animated{
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
.animated.infinite{
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}
.animated.likeFadeIn,.animated.likeFadeOut{
    -webkit-animation-duration:.5s;
    animation-duration:.5s
}
.animated.fadeInUp,.animated.fadeOutDown,.animated.fadeOutUp{
    -webkit-animation-duration:.3s;
    animation-duration:.3s
}
.animated.slideOutUp{
    -webkit-animation-duration:.1s;
    animation-duration:.1s
}
@-webkit-keyframes likeFadeIn{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
@keyframes likeFadeIn{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
.likeFadeIn{
    -webkit-animation-name:likeFadeIn;
    animation-name:likeFadeIn
}
@-webkit-keyframes likeFadeOut{
    from{
        opacity:1
    }
    to{
        opacity:0
    }
}
@keyframes likeFadeOut{
    from{
        opacity:1
    }
    to{
        opacity:0
    }
}
.likeFadeOut{
    -webkit-animation-name:likeFadeOut;
    animation-name:likeFadeOut
}
@-webkit-keyframes fadeInUp{
    from{
        opacity:0;
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInUp{
    from{
        opacity:0;
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInUp{
    -webkit-animation-name:fadeInUp;
    animation-name:fadeInUp
}
@-webkit-keyframes fadeOutDown{
    from{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0)
    }
}
@keyframes fadeOutDown{
    from{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0)
    }
}
.fadeOutDown{
    -webkit-animation-name:fadeOutDown;
    animation-name:fadeOutDown
}
@-webkit-keyframes fadeOutUp{
    from{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0,-20%,0);
        transform:translate3d(0,-20%,0)
    }
}
@keyframes fadeOutUp{
    from{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0,-20%,0);
        transform:translate3d(0,-20%,0)
    }
}
.fadeOutUp{
    -webkit-animation-name:fadeOutUp;
    animation-name:fadeOutUp
}
@-webkit-keyframes slideOutUp{
    from{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
    to{
        visibility:hidden;
        -webkit-transform:translate3d(0,-20%,0);
        transform:translate3d(0,-20%,0)
    }
}
@keyframes slideOutUp{
    from{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
    to{
        visibility:hidden;
        -webkit-transform:translate3d(0,-20%,0);
        transform:translate3d(0,-20%,0)
    }
}
.slideOutUp{
    -webkit-animation-name:slideOutUp;
    animation-name:slideOutUp
}
.mask-wrap{
    position:fixed;
    top:0;
    left:0;
    overflow:hidden;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.6);
    z-index:99;
    text-align:center;
    z-index:99999
}
.kandian .mask-wrap{
    overflow:inherit
}
@keyframes maskShow{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@-webkit-keyframes maskShow{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
.mask-inner{
    width:3.2rem;
    margin-top:1rem;
    display:inline-block
}
.mask-inner.commentContent{
    animation:maskShow 400ms;
    -webkit-animation:maskShow 400ms
}
.mask-btn{
    position:absolute;
    text-align:center;
    font-size:.14rem;
    height:.14rem;
    color:#12b7f5;
    bottom:.15rem;
    left:0;
    right:0;
    line-height:1;
    padding:.1rem 0
}
.mask-btn i{
    display:inline-block;
    width:.14rem;
    height:.14rem;
    background:#eee;
    vertical-align:top;
    margin:0 .05rem 0 0;
    background:url("images/arrow_blue.gif") no-repeat;
    background-size:cover
}
.mask_inner_content{
    width:3.2rem;
    background:#fff;
    position:relative;
    border-radius:.03rem
}
.mask_inner_content i{
    background:url("images/pin_guid.png") no-repeat;
    display:inline-block;
    width:3.2rem;
    height:2.35rem;
    -webkit-background-size:contain;
    background-size:contain;
    border-radius:.03rem
}
.mask_tips_content{
    padding:.1rem 0 .16rem 0
}
.mask-cancel{
    margin:.4rem
}
.mask-cancel i{
    background:url("images/pin_close.png") no-repeat;
    width:.4rem;
    height:.4rem;
    display:inline-block;
    -webkit-background-size:contain;
    background-size:contain
}
.mask_article_content{
    position:absolute;
    top:.67rem;
    left:.5rem;
    width:2.2rem;
    text-align:left
}
.mask_article_image{
    width:.3rem;
    height:.3rem;
    border-radius:50%
}
.mask_article_title{
    display:inline-block;
    margin-left:.1rem;
    line-height:.3rem;
    vertical-align:top;
    color:#333;
    font-size:.16rem;
    word-break:break-all;
    word-wrap:break-word;
    width:1.8rem
}
.commentContent .top_blue{
    width:100%;
    height:.04rem;
    background:#12b7f5;
    border-top-left-radius:.03rem;
    border-top-right-radius:.03rem
}
.commentContent .mask_inner_content{
    background:#fff;
    padding:.24rem;
    width:auto;
    border-radius:0
}
.commentContent .biu_tip{
    font-size:.2rem;
    color:#000;
    text-align:left
}
.commentContent .aritcle_info{
    margin-top:.1rem
}
.commentContent .aritcle_info img{
    width:.7rem;
    height:.7rem
}
.cover-url{
    width:.7rem;
    height:.7rem;
    float:left;
    margin-right:.11rem
}
.big .article_info{
    width:100%;
    height:1.52rem
}
.commentContent .info_content p{
    height:.7rem;
    overflow:hidden;
    color:#777;
    font-size:.14rem;
    text-align:left
}
.commentContent .article_source{
    text-align:left;
    margin-top:.07rem;
    color:#777;
    font-size:.12rem
}
.commentContent .input_content{
    background:#eeeff3;
    padding:.1rem .09rem;
    margin-top:.13rem;
    border-radius:.03rem
}
.commentContent input{
    width:100%;
    border:0;
    height:.2rem;
    font-size:.14rem;
    line-height:.2rem;
    background:#eeeff3;
    outline:0
}
.commentContent input::-webkit-input-placeholder{
    color:#bbb
}
.commentContent input::-moz-placeholder{
    color:#bbb
}
.commentContent .mask_inner:after{
    content:'';
    height:.01rem;
    width:100%;
    background:#e1e2e6;
    display:block;
    margin-top:-0.01rem
}
@media only screen and (-webkit-device-pixel-ratio:3){
    .commentContent .mask_inner:after{
        transform:scaleY(0.33);
        -webkit-transform:scaleY(0.33)
    }
    .commentContent .mask-footer .mask_br{
        transform:scaleX(0.33);
        -webkit-transform:scaleX(0.33)
    }
}
@media only screen and (-webkit-device-pixel-ratio:2){
    .commentContent .mask_inner:after{
        transform:scaleY(0.5);
        -webkit-transform:scaleY(0.5)
    }
    .commentContent .mask-footer .mask_br{
        transform:scaleX(0.5);
        -webkit-transform:scaleX(0.5)
    }
}
.commentContent .mask-footer{
    height:.45rem;
    width:auto;
    background:#fff;
    border-bottom-left-radius:.03rem;
    border-bottom-right-radius:.03rem
}
.commentContent .mask-footer .mask_btn{
    width:49%;
    text-align:center;
    display:inline-block;
    font-size:.18rem;
    height:.45rem;
    line-height:.45rem;
    vertical-align:bottom
}
.commentContent .mask-footer .mask_br{
    border-right:.01rem solid #e1e2e6;
    height:100%;
    display:inline-block;
    vertical-align:bottom
}
.commentContent .mask_biu{
    font-size:.18rem;
    color:#12b7f5
}
.commentContent.big .aritcle_info img{
    width:100%;
    height:1.52rem;
    float:none
}
.commentContent.big .info_content{
    padding:0 .24rem
}
.commentContent.big .info_content p{
    font-size:.16rem;
    height:.4rem;
    line-height:.4rem;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden
}
.commentContent.big .mask_inner_content{
    padding:.24rem 0
}
.commentContent.big .mask_inner_content .biu_tip{
    padding:0 .24rem
}
.commentContent.big.mask-inner-margin{
    margin-top:-1.2rem
}
.new-mask-inner .mask_article_content{
    top:.91rem;
    left:.74rem
}
.commentContent.small.mask-inner-margin{
    margin-top:-0.35rem
}
.new-mask-inner .mask_article_image{
    width:.25rem;
    height:.25rem
}
.new-mask-inner .mask_inner_content i{
    background:url("images/pin_guid_new.png") no-repeat;
    -webkit-background-size:contain;
    background-size:contain;
    width:3.2rem;
    height:2.35rem
}
.new-mask-inner .mask_article_title{
    max-width:.95rem;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    margin-right:.05rem;
    font-size:.14rem;
    margin-left:.07rem;
    line-height:.25rem;
    height:.25rem
}
.new-mask-inner .mask_article_title_tip{
    display:inline-block;
    line-height:.25rem;
    vertical-align:top;
    font-size:.14rem;
    color:#333
}
.footer_biu{
    position:fixed;
    bottom:.1rem;
    height:.45rem;
    border-radius:50%;
    z-index:1000;
    display:block;
    right:.19rem
}
.footer_biu.footer_biu_hide{
    display:none
}
.footer_biu .pin_btn{
    background:url(images/icon_biu.png) no-repeat;
    width:.45rem;
    height:.45rem;
    display:block;
    background-size:contain
}
.footer_biu .pin_btn_click{
    -webkit-animation:movesmall 200ms forwards;
    animation:movesmall 200ms forwards
}
.footer_biu .pin_fireworks{
    background:url(images/biu_list.png) no-repeat left center;
    width:.5rem;
    height:.5rem;
    background-position:0 0;
    display:block;
    position:absolute;
    bottom:.12rem;
    left:.11rem;
    background-size:1100px 50px;
    visibility:hidden
}
.footer_biu .pin_fireworks_click{
    visibility:visible;
    -webkit-animation:moveleft 1000ms steps(22) forwards;
    animation:moveleft 1000ms steps(22) forwards;
    -webkit-animation-delay:100ms;
    -moz-animation-delay:100ms;
    -o-animation-delay:100ms;
    animation-delay:100ms
}
@keyframes moveleft{
    0%{
        background-position:0 0
    }
    100%{
        background-position:-2200px 0
    }
}
@-webkit-keyframes moveleft{
    0%{
        background-position:0 0
    }
    100%{
        background-position:-2200px 0
    }
}
@keyframes movesmall{
    0%{
        transform:scale(1)
    }
    50%{
        transform:scale(0.5)
    }
    100%{
        transform:scale(1)
    }
}
@-webkit-keyframes movesmall{
    0%{
        transform:scale(1)
    }
    50%{
        transform:scale(0.5)
    }
    100%{
        transform:scale(1)
    }
}
#kandian_banner{
    position:fixed;
    width:100%;
    bottom:0rem;
    height:.52rem;
    z-index:999;
    -webkit-transition:all .2s ease-in;
    transition:all .2s ease-in
}
.icon-return-feeds{
    position:absolute;
    left:.14rem;
    bottom:.14rem;
    width:.38rem;
    height:.38rem;
    background:url('widget/images/icon_return.png') no-repeat center;
    background-size:contain
}
#kandian_banner .jump-kandian{
    position:absolute;
    display:inline-block;
    width:1.025rem;
    height:.38rem;
    right:.14rem;
    bottom:.14rem;
    background:url('widget/images/jump_kandian.png') no-repeat center;
    background-size:contain
}
#kandian_banner.kandian_banner_hide{
    -webkit-transform:translateY(100%);
    transform:translateY(100%)
}
ul.feeds-layout>li{
    position:relative
}
.feeds-layout article.item-art{
    background-color:white;
    position:relative
}
.feeds-layout article.item-art-small::before{
    content:"";
    border-bottom:solid 1px #dedfe0;
    width:100%;
    position:absolute;
    top:-1px
}
.feeds-layout li:last-child .item-art:after{
    content:"";
    border-bottom:solid 1px #dedfe0;
    width:100%;
    position:absolute;
    bottom:0
}
@media only screen and (-webkit-min-device-pixel-ratio:2){
    .feeds-layout article.item-art-small::before,.feeds-layout li:last-child .item-art:after{
        -webkit-transform:scaleY(0.5);
        transform:scaleY(0.5);
        -webkit-transform-origin:0 0;
        transform-origin:0 0
    }
}
@media only screen and (-webkit-min-device-pixel-ratio:3){
    .feeds-layout article.item-art-small::before,.feeds-layout li:last-child .item-art:after{
        -webkit-transform:scaleY(0.333);
        transform:scaleY(0.333);
        -webkit-transform-origin:0 0;
        transform-origin:0 0
    }
}
.feeds-layout .wrap-cover img{
    width:100%;
    height:100%;
    transition:transform .2s ease 0s;
    -webkit-transition:-webkit-transform 2s ease 0s
}
.feeds-layout dl.content{
    font-size:.17rem;
    padding:.12rem .12rem 0 .12rem;
    color:black;
    text-align:left;
    overflow:hidden;
    background:white;
    box-sizing:border-box
}
.feeds-layout .content dt{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    margin-bottom:.10rem;
    line-height:1.2
}
.feeds-layout .content dd{
    font-size:.12rem;
    color:#bbb
}
.feeds-layout .content dd .text{
    margin-right:5px
}
.feeds-layout .item-art-big{
    width:100%
}
.feeds-layout .item-art-big dl.content,.feeds-layout .item-art-multi dl.content{
    padding-bottom:.2rem
}
.feeds-layout .item-art-big .wrap-cover{
    width:100%;
    height:2.075rem;
    position:relative;
    overflow:hidden
}
.feeds-layout .item-art-small{
    width:100%;
    height:0;
    padding-bottom:25.3%;
    padding-right:1.24rem;
    box-sizing:border-box;
    position:relative;
    margin-top:1px
}
.feeds-layout .item-art-small dt{
    min-height:2.2em;
    margin-top:.12rem
}
.feeds-layout .item-art-small .wrap-cover{
    box-sizing:border-box;
    height:100%;
    width:33.3%;
    position:absolute;
    right:0;
    top:0;
    background:#eeedeb;
    border-bottom:1px solid #fff
}
.feeds-layout .item-art-small .content{
    position:absolute;
    top:0;
    left:0;
    box-sizing:border-box;
    height:100%;
    width:66.6%;
    padding:0 .1rem;
    vertical-align:middle
}
.feeds-layout ul.list-imgs{
    display:-webkit-box;
    display:-moz-box;
    display:box;
    -webkit-box-orient:horizontal;
    -moz-box-orient:horizontal;
    box-orient:horizontal
}
.feeds-layout ul.list-imgs li{
    position:relative;
    -webkit-box-flex:1;
    -moz-box-flex:1;
    box-flex:1;
    flex:1;
    height:0;
    padding-bottom:25.3%;
    overflow:hidden;
    margin:0 1px 0 0;
    background:#eeedeb
}
.feeds-layout ul.list-imgs li:last-child{
    margin:0
}
.feeds-layout ul.list-imgs li img{
    position:absolute;
    width:100%;
    height:100%
}
section.comics{
    display:block;
    width:108%;
    width:100vw;
    max-width:none!important;
    margin-left:-0.15rem;
    position:relative;
    font-size:0!important
}
.pc_device section.comics{
    width:auto
}
.comic-item>img{
    width:100%!important;
    height:auto!important
}
article[class^="addon-"]{
    margin:.3rem 0 .4rem 0;
    padding:0 .58rem 0 .86rem;
    position:relative;
    border:1px solid #dedfe0;
    width:100%;
    height:1.09rem
}
article.addon-game{
    margin:.3rem 0 .4rem 0;
    padding:0 .58rem 0 .86rem;
    height:.85rem
}
article.addon-comic.addons-place{
    display:none
}
.allow_comic_jump article.addon-comic.addons-place{
    display:block
}
article[class^="addon-"] .wrap-cover{
    height:.95rem;
    width:.715rem;
    position:absolute;
    left:.07rem;
    top:.06rem
}
article[class^="addon-"] .wrap-cover>img{
    max-width:initial!important
}
article[class^="addon-"] dl.content{
    margin:.15rem 0 0 .1rem
}
article.addon-game dl.content{
    margin-top:.12rem
}
article[class^="addon-"] dl.content dt>.title{
    font-size:.18rem;
    line-height:1em;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    display:inline-block
}
article.addon-game dl.content dt>.title{
    max-width:7em!important
}
article[class^="addon-"] dl.content dd{
    color:#999;
    font-size:.12rem;
    line-height:1em
}
article[class^="addon-"] dd[class$="-author"]{
    margin-top:.18rem
}
.addon-game .game-author{
    position:absolute;
    bottom:.12rem
}
.addon-comic [class$="-update"]{
    margin-top:.09rem;
    display:inline-block
}
article[class^="addon-"] [class^="logo-"]{
    position:absolute;
    right:.21rem;
    top:.17rem;
    font-size:.11rem;
    color:#fa8726;
    height:.15rem;
    width:.3rem;
    text-align:center;
    vertical-align:middle;
    line-height:.15rem
}
article.addon-game .logo-game{
    position:relative;
    top:.02rem;
    left:.07rem;
    vertical-align:top;
    display:inline-block
}
article.addon-comic [class$="-guide"]{
    color:#12b7f5;
    font-size:.12rem;
    position:absolute;
    right:.15rem;
    bottom:.16rem;
    background:url(widget/images/arrow_blue.png) no-repeat right;
    background-size:.04rem .08rem;
    padding-right:.08rem
}
article.addon-game .game-guide{
    background-color:#12b7f5;
    font-size:.13rem;
    position:absolute;
    right:.12rem;
    top:50%;
    color:white;
    border-radius:2px;
    width:.57rem;
    height:.28rem;
    margin-top:-0.14rem;
    line-height:.28rem;
    text-align:center
}
article[class^="addon-"] [class^="logo-"]::after{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:0 0;
    transform-origin:0 0;
    content:'';
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    border-radius:2px;
    border:1px solid
}
@media only screen and (-webkit-min-device-pixel-ratio:2){
    article[class^="addon-"] [class^="logo-"]::after{
        -webkit-transform:scale(0.5);
        transform:scale(0.5);
        width:200%;
        height:200%;
        border-radius:.04rem
    }
}
@media only screen and (-webkit-min-device-pixel-ratio:3){
    article[class^="addon-"] [class^="logo-"]::after{
        -webkit-transform:scale(0.3333);
        transform:scale(0.3333);
        width:300%;
        height:300%;
        border-radius:.06rem
    }
}
.out-mqq .ui-refresh-page{
    margin-top:.49rem
}
.out-mqq .page_extra{
    padding-bottom:.05rem
}
.out-mqq .comments-status .guide-comments{
    display:block
}
.out-mqq .empty .comments-status .guide-comments{
    display:none
}
.out-mqq .js-more-comment .comments-status .more_comment{
    display:none
}
.out-mqq .tbar{
    display:block!important;
    height:.49rem;
    width:100%;
    box-sizing:border-box;
    border-bottom:solid 1px #dedfe0;
    padding:.13rem .12rem;
    position:fixed;
    top:0;
    left:0;
    font-size:.14rem;
    z-index:999;
    background-color:white
}
.tbar .tbar-logo{
    background:url('widget/images/tbar_logo.png') no-repeat;
    background-size:contain;
    height:100%;
    width:1.01rem;
    display:inline-block
}
.tbar .tbar-btns{
    display:inline-block;
    height:100%;
    float:right
}
.tbar-btns>a{
    margin-left:.19rem;
    color:#777
}
.tbar-btns>.tbar-btn-video{
    padding-left:.19rem;
    background:url('widget/images/video.png') no-repeat left;
    background-size:.17rem;
    display:none
}
.tbar-btns>.tbar-btn-hot{
    padding-left:.19rem;
    background:url('widget/images/hot.png') no-repeat left;
    background-size:.17rem;
    display:none
}
.out-mqq li.item-recommend{
    margin-bottom:.05rem
}
.out-mqq .recommend_list.feeds-layout{
    background-color:#f5f5f5
}
.out-mqq .feeds-layout article.item-art-small::before,.out-mqq .feeds-layout li:last-child .item-art:after{
    display:none
}
.footer-brand{
    display:none
}
.out-mqq .footer-brand{
    width:100%;
    text-align:center;
    height:1.6rem;
    background:url('images/logo_bottom.png') no-repeat center bottom;
    background-size:2rem .95rem;
    display:inline-block
}
.out-mqq .footer-brand h2{
    color:#12b7f5;
    font-size:.16rem;
    margin:.1rem auto
}
.out-mqq .footer-brand h2 .icon-arrow-right{
    margin-left:.03rem;
    height:.105rem;
    width:.06rem;
    background:url('images/arrow_right.png') no-repeat center;
    background-size:contain;
    display:inline-block
}
body{
    position:relative
}
.rich_media{
    overflow:hidden
}
.rich_media_inner{
    padding:0 .15rem
}
.rich_media_title{
    font-size:.25rem;
    line-height:1.3;
    margin:.14rem 0 .05rem 0;
    color:#333;
    word-wrap:break-word;
    -webkit-hyphens:auto;
    -ms-hyphens:auto;
    hyphens:auto;
    -webkit-text-stroke:.2px #000
}
.nopuin .rich_media_title{
    margin-top:.19rem
}
.rich_media_inner .rich_media_title .rich_media_meta{
    vertical-align:middle;
    position:relative
}
.rich_media_meta{
    display:inline-block;
    height:.15rem;
    font-weight:normal;
    font-style:normal;
    margin-right:.09rem;
    text-overflow:ellipsis;
    font-family:".SFUIText",".SFUIText-Regular";
    color:#999;
    font-size:.14rem
}
.account_top .rich_media_meta{
    font-size:.12rem
}
.rich_media_meta:empty{
    display:none
}
.rich_media_meta .count{
    margin:0 0 0 .05rem
}
.rich_media_tool .text{
    color:#666
}
.rich_media_tool .like_count_container{
    display:none;
    letter-spacing:-3px
}
.rich_media_tool .like{
    background:url("images/like_list.png") no-repeat;
    width:14px;
    height:13px;
    background-size:14px 13px;
    margin-right:.06rem;
    display:inline-block
}
.rich_media_tool .like_active{
    background-image:url("images/like_list_active.png")
}
.rich_media_tool .like_account{
    color:#999;
    letter-spacing:0
}
.rich_media_tool .like_active+.like_account{
    color:#12b7f5
}
.rich_media_meta.public_name,.rich_media_tool a{
    color:#00a5e0
}
.rich_media_meta.public_name:active{
    color:#a8d8f0
}
.rich_media_thumb{
    font-size:0
}
.rich_media_thumb img{
    width:100%;
    margin-bottom:.04rem
}
.pc_device .rich_media_thumb img{
    margin-bottom:.06rem
}
.rich_media_content{
    color:#333;
    word-wrap:break-word;
    -webkit-hyphens:auto;
    -ms-hyphens:auto;
    hyphens:auto;
    overflow:hidden
}
.cleanStyle .rich_media_content,.comic-page .rich_media_content{
    text-align:justify;
    overflow:inherit
}
.rich_media_content a{
    color:#3e3e3e
}
.rich_media_content p{
    min-height:1em;
    word-wrap:normal;
    font-size:.18rem;
    line-height:1.65
}
.cleanStyle .rich_media_content p{
    text-align:justify;
    word-break:break-word;
    margin-top:.16rem
}
.cleanStyle .rich_media_content p>span,.cleanStyle .rich_media_content p>strong,.cleanStyle .rich_media_content p>em{
    font-size:.18rem
}
.cleanStyle .rich_media_content section.addons-place,.cleanStyle .rich_media_content section.addons-place *{
    font-size:.14rem!important
}
@media only screen and (-webkit-min-device-pixel-ratio:3){
    .rich_media_content p{
        font-size:.17rem
    }
}
.rich_media_content .article p{
    margin:0
}
.rich_media_content p:first-child:empty,.rich_media_content p:last-child:empty{
    margin:0;
    min-height:0
}
.rich_media_content *{
    max-width:100%!important;
    word-wrap:break-word!important;
    -webkit-box-sizing:border-box!important;
    box-sizing:border-box!important
}
.rich_media_content img{
    border:0;
    height:auto!important
}
.rich_media_content img:not([data-src]){
    display:none
}
.rich_media_content .mod_player img{
    display:inherit
}
.rich_media_content img.tvp_poster_img{
    display:inline-block
}
.rich_media_tool{
    margin:.3rem 0 .25rem 0;
    font-size:.14rem;
    line-height:1
}
.rich_media_tool:after{
    content:"\200B";
    display:block;
    height:0;
    clear:both
}
.rich_media_meta_list{
    margin:0;
    line-height:1;
    font-family:".SFUIText",".SFUIText-Regular";
    width:100%;
    font-size:0;
    -webkit-text-size-adjust:none
}
.kandian .rich_media_meta_list{
    width:80%;
    max-width:80%;
    width:calc(100vw - 134px);
    max-width:calc(100vw - 134px)
}
.kandian.nopuin .rich_media_meta_list{
    width:100%;
    max-width:100%
}
.rich_media_meta_list.account{
    font-size:.15rem;
    margin:.15rem 0 .18rem
}
.rich_media_meta_list .num{
    font-family:"SFUIText-Light",".SFUIDisplay-Light"
}
.rich_media_content blockquote{
    margin:0;
    padding-left:.1rem;
    border-left:3px solid #dbdbdb
}
.cleanStyle .rich_media_content blockquote{
    padding-left:0;
    border-left:none
}
.rich_media_content form{
    display:none!important
}
table{
    margin-bottom:.1rem;
    border-collapse:collapse;
    display:table;
    width:100%!important
}
td,th{
    word-wrap:break-word;
    word-break:break-all;
    padding:.05rem .1rem;
    border:1px solid #DDD
}
.cleanStyle td,.cleanStyle th{
    padding:0;
    border:0
}
caption{
    border:1px dashed #DDD;
    border-bottom:0;
    padding:.03rem;
    text-align:center
}
th{
    border-top:2px solid #BBB;
    background:#f7f7f7
}
td p{
    margin:0;
    padding:0
}
.cleanStyle table{
    width:100%!important;
    border-collapse:collapse
}
.cleanStyle table tr td,.cleanStyle table tr th{
    width:auto!important;
    height:auto!important;
    padding:5px 3px;
    border:1px solid #ddd;
    font-size:.12rem!important
}
.cleanStyle table tr td{
    text-align:center;
    color:#444;
    line-height:24px
}
.cleanStyle table tr th{
    text-align:center
}
.cleanStyle table tr td span,.cleanStyle table tr td strong,.cleanStyle table tr td em,.cleanStyle table tr th span,.cleanStyle table tr th strong,.cleanStyle table tr th em{
    font-size:.12rem!important
}
.cleanStyle .rich_media_content table p{
    line-height:1.2!important;
    margin:0;
    padding:0;
    text-align:center
}
.cleanStyle table tr:nth-child(2n){
    background:hsla(0,0%,94%,.4)
}
.account_top{
    position:relative;
    height:.34rem;
    margin:.2rem 0 .2rem 0;
    box-sizing:border-box;
    padding-left:.43rem;
    background-color:white;
    z-index:4;
    transition:transform .3s linear;
    -webkit-transition:-webkit-transform .3s linear;
    transform:translateY(0)
}
.account_top .action{
    display:none
}
.account_top .puin_follow .txt,.account_top .puin_enter .txt{
    top:-1px
}
.account_top .puin_avatar{
    position:absolute;
    width:.34rem;
    height:.34rem;
    border-radius:50%;
    background:#eeedeb
}
.account_top .puin_text{
    line-height:1;
    padding-top:.01rem
}
.account_top .pname{
    margin:0 0 .03rem 0;
    color:#000;
    font-size:.16rem
}
.account_top .info{
    display:none
}
.account_top .info span{
    display:inline-block;
    margin-right:.08rem;
    float:left;
    max-height:.13rem
}
.account_top .info span.author{
    text-overflow:ellipsis;
    white-space:nowrap;
    max-width:6em;
    overflow:hidden
}
.account_top .count{
    padding:0 0 0 .02rem
}
.rich_media_tool .original_url{
    float:left;
    margin:0 .2rem 0 0
}
.rich_media_tool .text{
    float:left;
    color:#999;
    padding-right:.2rem;
    display:none
}
.rich_media_tool .count{
    margin:0 0 0 .05rem
}
.jubao{
    float:right;
    padding:0 .05rem;
    font-size:.14rem;
    color:#777;
    line-height:.22rem
}
.bottom_watermark{
    width:640px;
    height:24px;
    display:none;
    background:url("images/footer.png") no-repeat
}
.pc_device{
    background-color:#fff
}
.pc_device *{
    font-family:"Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif!important
}
.pc_device .rich_media{
    width:640px;
    margin-left:auto;
    margin-right:auto
}
.pc_device .rich_media_inner{
    background-color:#fff;
    border:0;
    border-top-width:0;
    padding:0
}
.pc_device .rich_media_title{
    font-size:30px;
    color:#3e3e3e;
    margin-top:0;
    line-height:1
}
.pc_device .rich_media_meta{
    max-width:none;
    color:#a2a9b6;
    float:left;
    margin-right:20px
}
.pc_device .line_tips{
    background-color:#fff
}
.pc_device .rich_media{
    position:relative
}
.pc_device .rich_media_inner{
    padding-bottom:50px;
    padding-top:35px
}
.pc_device .rich_media_meta.public_name{
    color:#00a5e0;
    cursor:pointer
}
.pc_device .rich_media_meta.public_name:hover{
    color:#008cbf
}
.pc_device .rich_media_meta_list{
    margin:15px 0 30px 0;
    font-size:14px;
    position:relative;
    line-height:1.5
}
.pc_device .rich_media_thumb{
    font-size:0;
    margin-top:10px;
    margin-bottom:0
}
.pc_device .bottom_watermark{
    display:block!important;
    width:100%
}
.pc_device .rich_media_content{
    font-size:16px
}
.pc_device .rich_media_content p{
    line-height:1.9;
    color:#3e3e3e;
    font-size:16px!important
}
.pc_device .cleanStyle .rich_media_content p>span,.pc_device .cleanStyle .rich_media_content p>strong,.pc_device .cleanStyle .rich_media_content p>em{
    font-size:16px!important
}
.pc_device .profile_bar{
    position:absolute;
    bottom:0;
    left:0;
    width:100%
}
.pc_device .rich_media_tool{
    padding-top:20px;
    padding-bottom:50px
}
.pc_device .rich_media_tool a{
    font-size:14px;
    color:#00a5e0
}
.pc_device .rich_media_tool a:hover{
    color:#008cbf
}
.pc_device .line_tips{
    background-color:#fff
}
.pc_device .rich_media_meta.nickname{
    max-width:none
}
.pc_device .rich_media_inner{
    position:relative
}
.pc_device .qr_code_pc_outer{
    display:block!important;
    position:fixed;
    left:0;
    right:0;
    top:20px;
    color:#717375;
    text-align:center
}
.pc_device .qr_code_pc_inner{
    position:relative;
    width:640px;
    margin-left:auto;
    margin-right:auto
}
.pc_device .qr_code_pc{
    position:absolute;
    right:-145px;
    top:0;
    padding:16px;
    border:1px solid #d9dadc;
    background-color:#fff
}
.pc_device .qr_code_pc p{
    font-size:14px;
    line-height:20px
}
.pc_device .qr_code_pc_img{
    width:102px;
    height:102px
}
.pc_device .rich_media_tool .jubao{
    display:none
}
.pc_device .rich_media_tool .text{
    display:none
}
.pc_device .puin-information{
    display:none
}
.pc_device .qrCodeCard{
    width:580px;
    min-height:116px;
    border:1px solid #dcdcde;
    box-shadow:inset 0 0 2px #fdfdfd;
    border-radius:3px;
    background-color:#fff;
    position:absolute;
    left:0;
    top:30px;
    z-index:2;
    transition:all .35s ease 0s
}
.pc_device .hook{
    position:absolute;
    left:0;
    top:-15px
}
.pc_device .hook .hook_dec{
    position:absolute;
    left:11px;
    width:0;
    height:0;
    border-style:solid;
    border-width:8px
}
.pc_device .hook .hook_top{
    top:-1px;
    border-color:transparent transparent #dcdcde
}
.pc_device .hook .hook_btm{
    top:0;
    border-color:transparent transparent #fff
}
.pc_device .qrCodeCard .qrCodeLeft{
    float:left;
    width:139px;
    text-align:center;
    padding-top:22px;
    padding-bottom:22px
}
.pc_device .qrCodeCard .qrCodeLeft img{
    width:95px;
    height:95px
}
.pc_device .qrCodeCard .qrCodeRight{
    float:left;
    width:441px;
    padding-top:22px;
    line-height:14px;
    font-size:14px
}
.pc_device .qrCodeCard .qrCodeRight div.pname,.pc_device .qrCodeCard .qrCodeRight div.pid,.pc_device .qrCodeCard .qrCodeRight div.pdesc{
    padding-bottom:16px;
    min-height:16px;
    overflow:hidden
}
.pc_device .qrCodeCard .qrCodeRight .title{
    float:left;
    width:70px
}
.pc_device .qrCodeCard .qrCodeRight .content{
    float:left;
    width:352px;
    color:#a2a9b6;
    word-wrap:break-word
}
.pc_device .qrCodeCard .qrCodeRight .pdesc .content{
    margin-top:-4px;
    line-height:22px;
    word-break:break-all
}
.pc_device .qrCodeCard i.loading{
    display:inline-block;
    position:absolute;
    top:50%;
    left:50%;
    margin:-10px 0 0 -10px;
    width:20px;
    height:20px;
    background:url("images/loading_blue_s.gif")
}
.pc_device .topic-kd{
    display:none!important
}
.pc_device .account_top .action{
    display:none!important
}
.pc_device .account_top .rich_media_meta_list{
    margin:0
}
.pc_device .account_top .rich_media_meta_list em{
    margin:0 15px 0 0
}
.touched{
    background-color:#cacccd!important;
    color:#fff!important
}
.disappear{
    display:none!important
}
.border_top,.border_btm,.border_r{
    position:relative
}
.border_top:before{
    content:"";
    z-index:2;
    position:absolute;
    left:0;
    top:0;
    right:-100%;
    -webkit-transform-origin:0 0;
    -webkit-transform:scale(0.5);
    pointer-events:none;
    border-top:1px solid #dedfe0
}
.border_btm:after{
    content:"";
    z-index:2;
    position:absolute;
    left:0;
    bottom:0;
    right:-100%;
    -webkit-transform-origin:0 0;
    -webkit-transform:scale(0.5);
    pointer-events:none;
    border-bottom:1px solid #dedfe0
}
.slide-view{
    position:absolute;
    top:0;
    left:0;
    z-index:9999;
    display:none;
    width:100%;
    height:100%;
    overflow:hidden;
    background:#000
}
.pv-inner{
    position:relative;
    z-index:-1;
    display:-webkit-box;
    display:-moz-box;
    display:box;
    width:100%;
    height:100%;
    -webkit-transition:all 350ms ease-in-out;
    -moz-transition:all 350ms ease-in-out;
    transition:all 350ms ease-in-out;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    backface-visibility:hidden
}
.pv-inner li{
    margin-right:10px;
    text-align:center
}
.pv-inner img{
    position:relative;
    left:0;
    visibility:visible;
    max-height:100%;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
    -webkit-transform:scale(1) translate(0,0);
    -moz-transform:scale(1) translate(0,0);
    transform:scale(1) translate(0,0);
    vertical-align:middle
}
.slide-view .counts{
    position:absolute;
    right:0;
    bottom:5%;
    left:0;
    padding:0 20px;
    overflow:hidden;
    font-size:26px;
    text-align:center;
    white-space:nowrap;
    text-overflow:ellipsis;
    color:#fff;
    text-shadow:0 0 2px #000
}
.slide-view .counts .value{
    display:inline-block;
    padding:0 6px;
    font-size:18px;
    line-height:26px;
    color:#f1f1f1
}
.puin-information{
    position:relative;
    width:100%;
    height:.82rem;
    margin:0;
    display:none
}
.web .puin-information{
    display:inline-block
}
.puin-information .puin_avatar{
    position:absolute;
    top:.16rem;
    border-radius:50%;
    margin-right:.1rem;
    width:.5rem;
    height:.5rem;
    -webkit-box-align:center
}
.puin-information .puin_text{
    padding:.15rem .65rem 0 .6rem
}
.puin-information .puin_text i{
    display:none;
    background:#00a5e0;
    font-size:.11rem;
    font-style:normal;
    border-radius:.04rem;
    color:#fff;
    padding:0 .04rem;
    margin:.07rem 0 0 .06rem;
    vertical-align:top;
    line-height:.15rem;
    white-space:nowrap;
    word-wrap:normal
}
.web .puin-information .puin_text i{
    display:inline-block
}
.puin-information .puin_name_wrap{
    height:.32rem;
    max-width:100%;
    overflow:hidden
}
.puin-information .puin_name{
    display:inline-block;
    position:relative;
    font-size:.16rem;
    height:100%;
    line-height:.29rem;
    color:#333;
    overflow:hidden;
    white-space:nowrap;
    max-width:11em
}
.puin-information .puin_intro{
    display:block;
    position:relative;
    font-size:.14rem;
    height:.2rem;
    line-height:.18rem;
    color:#999;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}
.action{
    position:absolute;
    top:.25rem;
    right:0
}
.puin_follow,.puin_enter{
    position:relative;
    display:inline-block;
    vertical-align:middle;
    width:.57rem;
    height:.29rem;
    line-height:.27rem;
    padding:0;
    text-align:center;
    border-radius:2px
}
.puin_follow{
    color:#fff;
    background:#12b7f5
}
.puin_enter{
    width:.6rem;
    color:#bbb
}
.puin_enter::after{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:0 0;
    transform-origin:0 0;
    content:'';
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    border-radius:2px;
    border:1px solid
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5){
    .puin_follow::after,.puin_enter::after{
        -webkit-transform:scale(0.5);
        transform:scale(0.5);
        width:200%;
        height:200%;
        border-radius:.04rem
    }
}
@media only screen and (-webkit-min-device-pixel-ratio:3){
    .puin_follow::after,.puin_enter::after{
        -webkit-transform:scale(0.3333);
        transform:scale(0.3333);
        width:300%;
        height:300%;
        border-radius:.06rem
    }
}
.puin_follow .txt,.puin_enter .txt{
    position:relative;
    font-size:.14rem;
    z-index:2
}
.icon_add,.icon_right{
    height:.1rem;
    width:.1rem;
    margin-right:.03rem;
    fill:#00a5e0
}
.icon_add{
    fill:#00a5e0
}
.icon_right{
    fill:#bbb
}
.icon_loading{
    background:url(images/loading.png) center no-repeat #fff;
    position:absolute;
    top:50%;
    left:50%;
    margin:-.085rem 0 0 -.085rem;
    z-index:1;
    display:block;
    height:.17rem;
    width:.17rem;
    background-size:100% 100%
}
.account_top .action{
    top:0;
    right:0
}
#gdt-ad{
    position:relative;
    margin:.3rem 0;
    display:block;
    width:100%
}
#gdt-ad:empty{
    margin:0
}
#gdt-ad .ad_content{
    position:relative;
    display:block;
    width:100%;
    height:0;
    padding-bottom:28.5%
}
#gdt-ad .ad_icon{
    display:block;
    position:absolute;
    top:0;
    right:0;
    width:36px;
    height:15px;
    background-image:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAAAeCAMAAAC45KifAAAASFBMVEUAAAAAAAC9vb3j4+P19fX4+PhnZ2cAAAAAAAD9/f0AAACQkJDt7e3U1NQAAADx8fHc3NysrKwAAAD7+/vp6ekAAADKysr////kjkaoAAAAF3RSTlMzAGaZzNlAHBHyLU2ygCa/jVkI5aUkcwPHMAYAAAEKSURBVEjHrdHbsoMgDEDRkACKd2178v9/eqqdViWRaZX94Dh5WEMASsiUqXJBRS5ogkT1D1BqN39r4sn8saFWoORuyMN+0Dj/hKx6ouS7kYNdgeAQMupSPS3d77TUjMu4DT4BdZrEDX1qrLUv6MbbYqhQIQTZEHDOOVyKoUmF/uRsnG8osZqpNIjkDHtIQ4/voJYG3K1GFEHld5BlZmc/BWaOIJOA0sXQQ381WY2bvITkbl6HkO07xygh+W7Iow6tvypUQBQxnIHkdbv+DCSPVHN7BpK31Ad/AK1JSD5cywQHEL4bJCSX8wR6rV23p1qHTAeXMrkks6nIBZmyugqtVHcRWpvKojtxsH9oJgs60Un/CAAAAABJRU5ErkJggg==);
    background-size:cover;
    z-index:1
}
#gdt-ad .ad-container-app .ad_icon{
    width:101px;
    height:16.5px;
    background-image:url('images/icon_ad_download.png')
}
#gdt-ad .ad-container-app.app-open .ad_icon{
    background-image:url('images/icon_ad_open.png')
}
#gdt-ad .gdt-ad-testA{
    padding-bottom:45%
}
@media(min-device-width:414px){
    #gdt-ad .ad_icon{
        display:block;
        position:absolute;
        top:0;
        right:0;
        width:48px;
        height:20px;
        background-image:url(data:image/png;
        base64,iVBORw0KGgoAAAANSUhEUgAAAGsAAAAtCAMAAACeYGVPAAAAS1BMVEUAAAAAAAD19fUAAAC9vb3j4+MAAAD9/f1nZ2f39/esrKwAAAAAAADp6enKysr7+/uQkJAAAAAAAAAAAADx8fHt7e3c3NzU1NT///8hDxK4AAAAGHRSTlMzAMwOZpkr8kDZWQsbpXPlTSQVB7+yjYBNdOylAAABf0lEQVRYw73U2XKDMAxAUcnYeGGHLPr/L+10mtaTYiETwPcleckcZIsA1lAsnKFYWHAwxBZKhdhAqbDgIeKeQwzhoJV/iKO1I2xG5MdNCyG3G3kHybrxZfWwbU25lvN0g1Q90fP705MWrDn/wpgHv7+eQYnWAtk9Hsl5rXVZlrj1mqxKZAl+M3SHf5YLjNUKFlMci9YpxqqETbawmaHhb1b/82VgLRQs2l4YSyNA7n3hdMBynjrYYc0HrI4Gt8daDlhgethjYf2p5bR2kLS0Dmmr/dTSxKfSVnPAUukGzsJasI4XrbaEJR+iE61gVmnGEl5nHQ8+f0EYS3qd+wzL67c8Y4nbYeJ/UO7kirHE7VD0OMmSB7MUTrdm7rosnGSJgynqLrAaZp+DbA3mrUGwmPXw8ZnPeb/4U+ySP5Pfr160lnpl2TuIPdf3ZXiLvzLnZEubJ7wV9ChYEbsmXGHxGC+34j9+CQuri0bDZPMlGjJVUwkrcu1UF7BiS9NUJ/UFytEdGIQFL4kAAAAASUVORK5CYII=);
        background-size:cover
    }
}
#gdt-ad img{
    position:absolute;
    display:block;
    width:100%;
    height:100%
}
#gdt-ad a{
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    display:block
}
.rich_media_content p img{
    vertical-align:top;
    max-width:100%;
    margin:0;
    height:auto!important
}
.rich_media_content p img+img{
    margin-top:.04rem
}
.rich_media_content p .bannerfix-wrapper+.bannerfix-wrapper{
    margin-top:.04rem
}
.rich_media_inner .wrap_gif{
    display:inline-block;
    position:relative;
    background:#eeedeb
}
.rich_media_inner .wrap_gif img{
    background:#eeedeb
}
.rich_media_inner .wrap_gif i{
    display:inline-block;
    position:absolute;
    width:.3rem;
    height:.18rem;
    right:.08rem;
    bottom:.12rem;
    background:url("images/tip_gif.png");
    background-size:cover
}
.rich_media_inner .wrap_gif i.loading{
    display:inline-block;
    position:absolute;
    width:.62rem;
    height:.62rem;
    margin:auto;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:url(images/loading_gif.png);
    background:url(images/loading_gif.png),linear-gradient(transparent,transparent);
    -webkit-animation:spin .8s linear infinite;
    animation:spin 800ms linear infinite;
    background-size:cover
}
@-webkit-keyframes spin{
    from{
        -webkit-transform:rotate(0)
    }
    to{
        -webkit-transform:rotate(360deg)
    }
}
@keyframes spin{
    from{
        transform:rotate(0)
    }
    to{
        transform:rotate(360deg)
    }
}
.pc_device .rich_media_content p img{
    margin:.06rem 0
}
.rich_media_content p iframe,.rich_media_content p .mod_player{
    display:block;
    vertical-align:bottom;
    margin:.04rem 0;
    width:100%;
    background:#eeedeb
}
.rich_media_content p iframe{
    height:0;
    padding-top:75%
}
.rich_media_content p iframe.load,.rich_media_content p .mod_player.load{
    padding:0
}
.pc_device .rich_media_content p iframe{
    margin:.06rem 0
}
.page_extra{
    padding:0 .15rem .45rem
}
.pc_device .page_extra{
    display:none
}
.recommend{
    display:none;
    margin:.25rem 0;
    -webkit-tap-highlight-color:transparent;
    user-select:none;
    -webkit-user-select:none
}
.recommend_wrap{
    position:relative;
    margin:0 0 .25rem 0
}
.recommend_wrap:last-child{
    margin:0
}
.recommend:empty{
    display:none
}
.pc_device .recommend{
    display:none
}
.recommend .banner{
    display:block;
    font-size:.18rem;
    text-align:center;
    line-height:.15rem;
    z-index:1;
    margin:.15rem 0 .3rem .12rem;
    font-weight:bold;
    padding-bottom:.12rem;
    background:url(images/wave.png) no-repeat bottom;
    background-size:.34rem .04rem
}
.recommend_list li.clicking,.recommend_card_list li.clicking{
    background:#e5e5e5
}
.recommend_list li.read .title,.recommend_card_list li.read .title{
    color:#8e8e8e
}
.recommend .ad-container{
    display:none
}
.recommend .ad-container .out-qq-text{
    display:none
}
.recommend .icon{
    position:relative;
    display:inline-block;
    text-align:center;
    border-radius:.02rem;
    left:-.01rem;
    top:-.02rem;
    vertical-align:middle
}
.recommend .ad_icon{
    line-height:.14rem;
    height:.14rem;
    padding:1px 2px;
    margin:0 .05rem 0 0;
    font-size:12px;
    color:#bbb;
    vertical-align:middle;
    display:inline-flex;
    align-items:center
}
.recommend .ad_icon:before{
    position:absolute;
    left:0;
    top:0;
    display:inline-block;
    width:100%;
    height:.14rem;
    content:'';
    border:1px #bbb solid;
    border-radius:2px;
    padding:0;
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:0 0;
    transform-origin:0 0
}
@media(-webkit-min-device-pixel-ratio:1.5),(min-device-pixel-ratio:2){
    .recommend .ad_icon:before{
        width:200%;
        height:200%;
        -webkit-transform:scale(0.5);
        transform:scale(0.5)
    }
}
.recommend .ad_icon i{
    position:relative;
    bottom:.01rem;
    display:inline-block;
    width:.12rem;
    height:.12rem;
    background-size:cover;
    vertical-align:top;
    top:0
}
.recommend .ad_icon .icon_download{
    background-image:url('images/icon_download_grey.png')
}
.recommend .ad_icon .icon_open{
    background-image:url('images/icon_open_grey.png')
}
.recommend .topic_icon{
    color:#fff;
    height:.16rem;
    line-height:.16rem;
    padding:0 .03rem;
    font-size:.12rem;
    background:#fea356
}
@media only screen and (-webkit-min-device-pixel-ratio:3){
    .recommend_list li .content .title{
        font-size:.17rem
    }
}
.item-recommend .out-qq-text{
    color:#12b7f5;
    min-width:.68rem;
    margin-right:.1rem;
    position:relative;
    text-align:center;
    font-size:.11rem
}
.edui-hotchat{
    margin:.04rem 0!important;
    max-width:100%;
    height:.63rem!important;
    box-sizing:border-box;
    border:solid 1px #e8e8e8;
    background-color:#fcfcfc;
    display:block;
    position:relative;
    font-family:'microsoft yahei','arial','sans-serif';
    line-height:1.3!important
}
.edui-hotchat:active{
    background-color:#efefef
}
.pc_device .edui-hotchat:active{
    background-color:#fcfcfc
}
.pc_device .edui-hotchat{
    width:640px;
    height:80px!important;
    -webkit-tap-highlight-color:transparent
}
.edui-hotchat .room_icon,.edui-hotchat .room_arrow{
    position:absolute;
    display:block
}
.edui-hotchat .room_icon{
    width:.25rem;
    height:.24rem;
    top:.19rem;
    left:.2rem;
    background:url(images/hotchat.png) center no-repeat;
    background-size:100% 100%
}
.edui-hotchat .room_arrow{
    width:.1rem;
    height:.17rem;
    top:.23rem;
    right:.13rem;
    background:url(images/hotchat_arrow.png) center no-repeat;
    background-size:100% 100%
}
.pc_device .edui-hotchat .room_icon,.pc_device .edui-hotchat .room_arrow{
    width:42px;
    height:42px;
    background:url(images/edui_hotchat.png) center no-repeat;
    left:24px;
    top:19px
}
.pc_device .edui-hotchat .room_arrow{
    background:url(images/edui_hotchat_arrow.png) center no-repeat;
    right:0;
    left:auto
}
.edui-hotchat .desc{
    display:block;
    padding:0 .35rem 0 .63rem
}
.pc_device .edui-hotchat .desc{
    padding:0 80px 0 90px
}
.edui-hotchat .room_name{
    display:block;
    text-align:left;
    height:.26rem;
    line-height:.22rem;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    word-wrap:normal;
    font-size:.16rem;
    margin:.1rem 0 0rem 0;
    color:#000
}
.pc_device .edui-hotchat .room_name{
    color:#545a6c;
    font-size:16px;
    margin:18px 0 8px
}
.edui-hotchat .room_maxmember{
    text-align:left;
    font-size:.12rem;
    height:.16rem;
    line-height:.12rem;
    display:block;
    color:#a2a9b6;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    word-wrap:normal
}
.pc_device .edui-hotchat .room_maxmember{
    font-size:12px
}
.edui-hotchat img.placecover{
    position:absolute;
    width:100%;
    left:0;
    top:0;
    height:100%!important;
    z-index:2
}
@media(-webkit-max-device-pixel-ratio:1.9){
    .border_top:before{
        content:"";
        z-index:100;
        position:absolute;
        left:0;
        top:0;
        -webkit-transform-origin:0 0;
        -webkit-transform:scale(1);
        pointer-events:none;
        border-top:1px solid #ddd
    }
    .border_btm:after{
        content:"";
        z-index:100;
        position:absolute;
        left:0;
        bottom:0;
        -webkit-transform-origin:0 0;
        -webkit-transform:scale(1);
        pointer-events:none;
        border-bottom:1px solid #ddd
    }
}
.rich_media_content section.addons-place{
    margin:24px 0
}
.rich_media_content section.addons-place *{
    max-width:none!important
}
.rich_media_content .mod_player *{
    max-width:none!important
}
.rich_media_content .mod_player{
    white-space:normal
}
.kandian .rich_media_meta_list .public_name{
    display:none
}
.nopuin .rich_media_meta_list{
    display:block
}
.pc_device .rich_media_meta_list{
    display:block!important
}
.rich_media_share{
    display:none;
    position:relative;
    margin:.3rem 0;
    height:.3rem;
    line-height:.3rem;
    vertical-align:middle;
    color:#8e8e8e;
    font-size:.15rem
}
.rich_media_share .share_list{
    position:absolute;
    left:0;
    padding-left:.67rem;
    box-sizing:border-box;
    width:100%;
    max-width:100%
}
.rich_media_share .share_list a{
    display:inline-block;
    width:.3rem;
    height:.3rem;
    border-radius:50%;
    background:#eee;
    margin-right:6.4%
}
.rich_media_share .share_list a:active:after{
    content:'';
    display:inline-block;
    width:.3rem;
    height:.3rem;
    background:#000;
    opacity:.2
}
.rich_media_share .share_list a{
    -webkit-mask:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0.8)),to(rgba(0,0,0,0.8)))
}
.rich_media_share .share_list a:last-child{
    margin-right:0
}
.rich_media_share .share_list .share_qzone{
    background:url(images/icon_share_qzone.png) no-repeat;
    background-size:100% 100%
}
.rich_media_share .share_list .share_qq{
    background:url(images/icon_share_qq.png) no-repeat;
    background-size:100% 100%
}
.rich_media_share .share_list .share_wx{
    background:url(images/icon_share_wx.png) no-repeat;
    background-size:100% 100%
}
.rich_media_share .share_list .share_moments{
    background:url(images/icon_share_moments.png) no-repeat;
    background-size:100% 100%
}
.account-follow .rich_media_share{
    margin-bottom:0;
    padding-bottom:.3rem
}
.cleanStyle{
    font-size:.18rem
}
.btn_kandian_channel{
    display:none
}
.channel-kd{
    display:none;
    margin:.4rem 0 .3rem 0
}
.channel-item{
    display:inline-block;
    padding:0 .075rem;
    line-height:.24rem;
    font-size:.14rem;
    background:#eee;
    color:#000;
    border-radius:.02rem
}
.topic-kd{
    line-height:1;
    margin:.25rem 0 0 0;
    font-size:.15rem;
    color:#000;
    display:none;
    overflow:hidden
}
.topic-kd .tit{
    margin:0 0 .1rem 0
}
.topic-list li{
    display:inline-block;
    float:left;
    width:50%;
    height:.35rem;
    line-height:.35rem;
    margin:0;
    overflow:hidden
}
.topic-list i{
    font-size:.12rem;
    margin:0 .05rem 0 0;
    vertical-align:top
}
.topic-kd .text{
    color:#12b7f5;
    border-bottom:1px dotted #12b7f5
}
.topic-kd .hot-topic-icon{
    position:relative;
    top:-5%;
    display:inline-block;
    padding:.01rem 0;
    line-height:.14rem;
    text-align:center;
    margin-left:.05rem;
    width:.29rem;
    height:.14rem;
    font-size:.11rem;
    color:#fff;
    background-color:#fea356;
    border-radius:.02rem
}
.mod_player .tvp_related .tvp_related_list{
    width:100%
}
.mod_player .tvp_related_layer_nobanner .tvp_related:before{
    display:inline-block;
    content:"\4EE5\4E0B\89C6\9891\5C06\8DF3\8F6C\817E\8BAF\89C6\9891\64AD\653E";
    position:absolute;
    top:20px;
    left:20px;
    font-size:.12rem;
    color:rgba(255,255,255,0.5)
}
.mod_player .tvp_related .tvp_item{
    width:100%;
    padding:0 20px
}
.mod_player .tvp_related .tvp_item:nth-child(n+4){
    display:none
}
.mod_player .tvp_related .tvp_figure{
    position:relative;
    width:.73rem;
    height:.45rem
}
.mod_player .tvp_related .tvp_figure img{
    margin:0
}
.mod_player .tvp_related .tvp_related_nav{
    bottom:20px
}
.mod_player .tvp_related .tvp_related_nav .tvp_dot{
    width:6px;
    height:6px
}
.mod_player .tvp_related_layer_nobanner .tvp_replay{
    bottom:5px;
    padding-right:19px
}
.recommend_card_wrap{
    position:relative;
    width:100%;
    padding-bottom:44%
}
.recommend_card_scroller,.serial-cards-scroller{
    height:100%;
    position:absolute
}
section.comments-hot{
    margin-top:.3rem;
    margin-bottom:.5rem;
    display:none
}
section.comments-hot .check_all_p{
    display:none
}
.kandian section.comments-hot{
    display:block
}
section.comments-hot>h3.title{
    margin-top:.2rem;
    margin-bottom:.3rem;
    text-align:center;
    font-weight:bold;
    font-size:.18rem;
    padding-bottom:.12rem;
    background:url(images/wave.png) no-repeat bottom;
    background-size:.34rem .04rem
}
.bannerfix-wrapper{
    display:block;
    width:108%;
    width:100vw;
    max-width:none!important;
    margin:.01rem 0 .01rem -0.15rem;
    text-align:center;
    position:relative;
    vertical-align:top;
    font-size:0!important
}
.bannerfix-wrapper svg+img,.bannerfix-wrapper svg+.wrap_img_share img{
    position:absolute;
    top:0;
    left:0;
    right:0;
    margin:0 auto
}
.bannerfix-wrapper svg{
    opacity:0;
    margin:0 auto
}
.pc_device .bannerfix-wrapper{
    width:auto
}
.pc_device .bannerfix-wrapper svg{
    display:none
}
.pc_device .bannerfix-wrapper img{
    height:auto
}
.pc_device .bannerfix-wrapper svg+img,.pc_device .bannerfix-wrapper svg+.wrap_img_share img{
    position:static
}
.recommend_card_scroller *,.serial-cards-scroller *{
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.recommend_card_list,.serial-cards-scroller>ul{
    width:100%;
    white-space:nowrap;
    font-size:0
}
.recommend_card_list li,.serial-cards-scroller li{
    position:relative;
    display:inline-block;
    padding:0 .01rem 0 0;
    margin:0 .01rem 0 0;
    vertical-align:top
}
.recommend_card_list li .cover,.serial-cards-scroller li .cover{
    position:relative;
    width:1.6rem;
    width:calc((100vw - 54px) / 2);
    height:1.12rem;
    height:calc((100vw - 54px) / 2 * .7)
}
.recommend_card_list li .cover img,.serial-cards-scroller li .cover img{
    width:100%;
    height:100%
}
.recommend_card_list li .content,.serial-cards-scroller li .content{
    box-sizing:border-box;
    padding:0 .1rem;
    margin:.06rem 0;
    font-size:.16rem;
    line-height:.22rem;
    overflow:hidden;
    width:1.6rem;
    width:calc((100vw - 54px) / 2);
    white-space:normal;
    display:box;
    display:-webkit-box;
    display:-moz-box;
    -webkit-line-clamp:2;
    line-clamp:2;
    -webkit-box-orient:vertical;
    box-orient:vertical;
    text-overflow:ellipsis;
    word-break:break-all
}
.recommend_card_list li .label{
    position:absolute;
    display:inline-block;
    top:.1rem;
    left:.1rem;
    line-height:1;
    color:#fff;
    font-size:.14rem;
    overflow:hidden;
    border-radius:.02rem;
    background:rgba(0,0,0,0.5)
}
.recommend_card_list li .label .mark{
    display:block;
    width:100%;
    height:100%;
    padding:.04rem
}
.recommend_card_list li .duration{
    position:absolute;
    line-height:1;
    bottom:.07rem;
    right:.09rem;
    font-size:.12rem;
    color:#fff
}
.recommend_card_list li .duration i{
    display:inline-block;
    position:absolute;
    width:.09rem;
    height:.1rem;
    left:-.14rem;
    background:url(images/recommend_video.png) center no-repeat;
    background-size:cover
}
.recommend_card_list li .videomask{
    display:block;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-image:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.3) 80%,rgba(0,0,0,0.3) 100%);
    width:100%;
    height:100%
}
.wrap_extra{
    margin:0 -.15rem
}
.wrap_original{
    margin:.15rem 0 .13rem 0
}
.btn_original{
    display:inline-block;
    line-height:.22rem;
    padding:0 .05rem;
    font-size:.14rem;
    border-radius:.03rem;
    cursor:pointer;
    font-weight:normal!important;
    display:none
}
.rich_media_tool .btn_original{
    float:left;
    margin:0 .2rem 0 0
}
.reading-count-wrap,.account_top .info span.reading-count-wrap{
    display:none
}
.original_mark{
    display:inline-block;
    padding:0 5px;
    background-color:#89d043;
    border-radius:2px;
    color:#fff;
    text-align:center;
    font-size:.11rem
}
.rich_media_meta_list .original_mark{
    float:left
}
.account_top .info .original_mark{
    font-size:.12rem;
    height:.15rem;
    line-height:.15rem
}
.rich_media_reproduced{
    display:block;
    margin:.35rem 0 .4rem;
    height:.28rem;
    line-height:.28rem
}
.rich_media_reproduced .reproduced_text{
    margin-right:.12rem;
    font-size:.14rem;
    float:left;
    color:#000
}
.rich_media_reproduced .reproduced_logo{
    float:left;
    width:.2rem;
    height:.2rem;
    border-radius:.5rem;
    margin-right:.05rem;
    margin-top:.04rem
}
.rich_media_reproduced .reproduced_name{
    float:left;
    font-size:.14rem;
    color:#777
}
.account_top .original_mark{
    padding:1px 5px;
    margin-top:-1px;
    font-size:.11rem;
    height:.14rem;
    line-height:.14rem
}
.wrap_img_share{
    display:inline-block;
    font-size:0;
    position:relative;
    vertical-align:bottom;
    height:auto!important
}
.rich_media_inner .wrap_img_share .icon_share{
    position:absolute;
    width:.385rem;
    height:.385rem;
    right:0;
    top:0;
    background:url("images/icon_multiShare.png") no-repeat;
    background-size:cover
}
.wrap-friends{
    position:fixed;
    padding:.08rem 0 0 0;
    z-index:5;
    top:0;
    right:0
}
.container-friends{
    display:none;
    padding:.02rem .1rem .02rem .02rem;
    height:.3rem;
    line-height:.3rem;
    text-align:right;
    border:1px solid #efefef;
    border-top-left-radius:20px 20px;
    border-bottom-left-radius:20px 20px;
    overflow:hidden;
    -webkit-animation-fill-mode:forwards!important;
    animation-fill-mode:forwards!important;
    background:#fff
}
.container-friends .avatars{
    font-size:0
}
.container-friends .text{
    position:relative;
    color:#ff8444;
    font-size:.14rem;
    margin:0 0 0 .08rem;
    padding:0 .13rem 0 0;
    vertical-align:top
}
.container-friends .avatars .wrap-img{
    width:.3rem;
    height:.3rem;
    border:1px solid #fff;
    border-radius:50%;
    vertical-align:top;
    overflow:hidden
}
.container-friends .avatars .wrap-img img{
    width:.3rem;
    height:.3rem;
    border-radius:50%;
    overflow:hidden
}
.container-friends .avatars .wrap-img:nth-child(1){
    margin:0;
    z-index:2
}
.container-friends .avatars .wrap-img:nth-child(2){
    margin:0 0 0 -.11rem;
    z-index:3
}
.container-friends .avatars .wrap-img:nth-child(3){
    margin:0 0 0 -.12rem;
    z-index:4
}
.container-friends .icon-more{
    position:absolute;
    top:.015rem;
    display:inline-block;
    height:.125rem;
    width:.08rem;
    margin:0 0 0 .05rem;
    background:url("images/arrow_right_orange.png") no-repeat;
    background-size:cover
}
@keyframes friends_fade{
    0%{
        opacity:0
    }
    15%{
        opacity:1
    }
    85%{
        opacity:1
    }
    100%{
        opacity:0
    }
}
.comments-status .guide-comments{
    height:.34rem;
    background-color:#f4f5f5;
    font-size:14px;
    color:#12b7f5;
    line-height:.34rem;
    text-align:center;
    margin-top:.2rem
}
.comments-status .loading{
    display:block
}
.empty .comments-status .no_comment{
    display:block
}
.js-more-comment .comments-status .more_comment{
    display:block;
    margin:.06rem 0;
    font-size:.14rem;
    height:.14rem;
    line-height:1;
    color:#2d68af
}
.js-more-comment .comments-status .more_comment i{
    width:.06rem;
    height:.1rem;
    margin:0 0 0 .04rem;
    display:inline-block;
    background:url("images/link_arrow_blue.png") no-repeat center center;
    background-size:cover;
    vertical-align:baseline
}
html.use-iscroll{
    height:100%
}
body.use-iscroll{
    height:100%
}
#scroll-wrapper{
    position:absolute;
    z-index:1;
    top:0;
    bottom:0;
    left:0;
    width:100%;
    overflow:hidden
}
#scroll-wrapper .scrollContainer{
    position:absolute;
    z-index:1;
    width:100%;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.transform{
    transform-style:preserve-3d;
    backface-visibility:hidden;
    transform:translate3d(0,0,0);
    -webkit-transform-style:preserve-3d;
    -webkit-backface-visibility:hidden;
    -webkit-transform:translate3d(0,0,0)
}
.account_top .puin_avatar{
    left:0;
    top:0
}
.account_top .info{
    color:#9d9d9d!important;
    font-size:.12rem
}
.account_top.animate-show{
    position:fixed;
    top:-0.57rem;
    transform:translateY(0.57rem)
}
.account_top.animate-show.animate-hide{
    transform:translateY(0)
}
.account_top+.rich_media,.account_top+.ui-refresh-page{
    padding-top:.50rem
}
#top_account_clone{
    top:-0.57rem
}
.rich_media_content a.word-mark{
    color:#12b7f5;
    border-bottom:1px dotted
}
.hot-wrap{
    line-height:1.1
}
.hot-wrap .word-type{
    display:none
}
.hot-wrap.show .hotword-mark{
    color:#12b7f5;
    border-bottom:1px dotted
}
.hot-wrap.show[data-type="0"] .hotword-mark{
    border-bottom:1px dotted
}
.hot-wrap-1.show{
    color:#12b7f5;
    border-bottom:1px dotted #12b7f5
}
.hot-wrap-1.show .hotword-mark{
    border-bottom:0
}
.hot-wrap-1.show .sep{
    color:#000
}
.hot-wrap-1 .word-type{
    display:inline-block;
    color:#12b7f5
}
.hot-wrap-1 .hotword-mark{
    border-bottom:0
}
.hot-wrap-2 .word-type{
    display:inline-block;
    font-size:12px;
    vertical-align:middle;
    height:16px;
    line-height:16px;
    margin:0 .05rem;
    background:#12b7f5;
    color:#fff;
    padding:0 2px;
    border-radius:3px
}
.hot-wrap-2[data-type="2"] .word-type{
    background:#ff8444
}
.hot-wrap-2[data-type="0"] .word-type{
    display:none
}
.hot-wrap-2 .hotword-mark{
    border-bottom:1px dotted
}
.ui-refresh-page>.account_top{
    margin:.15rem .15rem -.45rem .15rem
}
.ui-refresh-page>.account_top .puin_text{
    line-height:.34rem
}
.wrap_btn_original{
    overflow:hidden
}
.wrap_btn_original .btn_original{
    float:left;
    margin:.2rem 0 .15rem;
    background:#f3f3f3
}
.wrap_btn_original .jubao{
    margin:.2rem 0 0
}
.wrap_btn_original .jubao i{
    display:inline-block;
    margin:0 .04rem 0 0;
    position:relative;
    top:.01rem;
    width:.13rem;
    height:.13rem;
    background:url("images/icon_jubao.png");
    background-size:100% 100%
}
.cleanStyle br{
    display:none
}
li.custom-recommend dl.content .text{
    font-size:.12rem;
    display:inline-block;
    line-height:1;
    color:#89d043;
    padding-left:.1rem;
    background:url("images/icon_recommend.png") no-repeat;
    background-size:.07rem .12rem;
    background-position:0 -1px
}
.cleanStyle h1{
    font-size:19px;
    color:black;
    font-weight:bold;
    margin:0;
    margin:.2rem 0
}
.cleanStyle blockquote{
    color:#777;
    padding-top:.26rem;
    position:relative;
    margin:0;
    margin-top:.16rem
}
.cleanStyle blockquote:before{
    position:absolute;
    content:"";
    background:url('images/blockquote.png') no-repeat center;
    background-size:.18rem .14rem;
    left:0;
    top:.01rem;
    width:.18rem;
    height:.14rem
}
.cleanStyle blockquote p,.cleanStyle blockquote h1{
    margin:0!important
}
.cleanStyle blockquote strong{
    font-weight:normal
}
.cleanStyle hr{
    color:#dedfe0;
    background-color:#dedfe0;
    border:0;
    border-top:2px solid #dedfe0;
    margin:.2rem .12rem
}
.serial-cards{
    margin-top:.4rem;
    display:none
}
.allow_comic_jump .serial-cards{
    display:none!important
}
.serial-cards>h2{
    margin-bottom:.15rem
}
.scroll-wrapper{
    width:100vw;
    max-width:none!important;
    margin-left:-0.15rem;
    position:relative;
    padding-bottom:46%
}
.serial-cards .cover>.current{
    height:.19rem;
    width:.43rem;
    display:inline-block;
    margin:.08rem 0 0 .1rem;
    font-size:.12rem;
    background-color:rgba(0,0,0,0.5);
    color:white;
    border-radius:2px;
    position:absolute;
    top:0;
    left:0;
    text-align:center;
    line-height:.20rem
}
.pc_device .serial-cards{
    display:none!important
}
